<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Fetch API Test</title>
</head>
<body>
<button id="fetchBtn">发起请求</button>
<script>
    const btn = document.getElementById('fetchBtn');
    btn.addEventListener('click', async () => {
        try {
            // 使用fetch发送GET请求
            const response = await fetch('http://localhost:8080/text');

            // 检查请求是否成功（HTTP状态码200-299为成功）
            if (!response.ok) {
                throw new Error(`HTTP错误，状态码：${response.status}`);
            }

            // 解析响应数据（根据实际返回类型选择，这里假设是文本）
            const data = await response.text(); // 如果返回JSON则用response.json()
            console.log(data);
        } catch (error) {
            console.error('请求出错：', error);
        }
    });
</script>
</body>
</html>
